<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>{$t_title2}</title>
    <meta name ="keywords" content="博耳,光伏发电,太阳能发电,分布式,EPC总承包">
    <meta name ="description" content="博耳能源江苏有限公司是博耳电力（股票代码01685.HK ）控股子公司，拥有电力工程总承包三级资质，致力于经营新能源电力项目的开发、运营和投资管理。博耳能源目前累计装机容量（EPC）300MW，拥有电站资产100MW。">
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/style1.css?<php>echo time();</php>" />
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/pagination.css" />
    <script src="__TMPL__Public/assets/js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TMPL__Public/assets/js/jquery.pagination.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TMPL__Public/assets/js/main.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .nav_item li:hover {
            background: url(img/line.png) no-repeat center 80px;
        }

        h3 {
            text-align: center;
            color: #0d4c92;
            font-size: 25px;
        }

        .miaoshu {
            font-size: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
            color:#b1acaa;
        }

        h4 {
            font-size: 20px;
            color:#646565;
        }

        textarea {
            width: 100%;
            height: 260px;
            border: 1px solid #646565;
        }

        .div p {
            font-size: 20px;
            margin-bottom: 10px;
            margin-top: 30px;
            color:#646565;
        }

        .div input,
        select {
            width: 300px;
            height: 30px;
            border: 1px solid #646565;
        }

        .div1 p {
            font-size: 20px;
            margin-bottom: 10px;
            margin-top: 30px;
            color:#646565;
        }

        .div1 input,
        select {
            width: 300px;
            height: 30px;
            border: 1px solid #646565;
        }

        .div {
            float: left;
        }

        .div1 {
            float: right;
        }

        .foot {
            margin-top: 500px;
        }

        .sc {
            background: #0d4c92;
            color: white;
            position: relative;
            top: 50px;
            padding: 6px;
            left: 66px;
            width: 66px;
            border: 0 solid red;
        }

        .cz {
            background: #0d4c92;
            color: white;
           border: 0 solid red;
            position: relative;
            top: 50px;
            padding: 6px;
            left: 120px;
            width: 66px;
        }
        button{
            border: 0 border-style color;
        }

    </style>
</head>

<body>
<tc_include file="Public:menu" />
    <div class="banner" id="hotBox">
        <div class="pagewrap" id="boxHot">
            <div class="boxHot">
                <div class="hot">
                    <a href="javascript:;" class="f1_item">
							<img src="__TMPL__Public/assets/img/ban.png" alt="">
						</a>
                    <!--<a href="javascript:;" class="f1_item">-->
							<!--<img src="__TMPL__Public/assets/img/ban.png" alt="">-->
						<!--</a>-->
                    <!--<a href="javascript:;" class="f1_item">-->
							<!--<img src="__TMPL__Public/assets/img/ban.png" alt="">-->
						<!--</a>-->
                </div>
                <!--<div class="f1_btn">-->
                    <!--<a href="javascript:;" class="active_2"></a>-->
                    <!--<a href="javascript:;"></a>-->
                    <!--<a href="javascript:;"></a>-->
                <!--</div>-->
                <!--<div class="ban-arrow">-->
                    <!--<div class="left"><img src="__TMPL__Public/assets/img/left.png" /></div>-->
                    <!--<div class="right"><img src="__TMPL__Public/assets/img/right.png" /></div>-->
                <!--</div>-->
            </div>
        </div>
    </div>

    <div class="news_main w1200" style="height:450px;">
        <div class="news_left">
            <h3>{$t_title1}</h3>
            <ul class="news_c">
                <foreach name="bottom_article_list" item="bitem">
                    <li ><a <if condition="$bitem['check'] == 1">class="bg_c"</if>
                        href="{$bitem.url}">{$bitem.title}</a></li>
                </foreach>
            </ul>
            <div class="solu_img">
                <a href="{:U('front/article_detail',array('id'=>$bottom_solution_list[0]['id']))}">
                    <img src="__TMPL__Public/assets/img/jj.png"/>
                </a>
            </div>
            <div class="contact">
                <p><if condition="$language == 1">联系我们<else/>Contact us</if></p>
                <p>{$contact.mobile}</p>
                <p><img src="{:sp_get_image_preview_url($contact['qrcode'])}" alt="" /></p>
            </div>
        </div>

        <div class="news_right">
            <!--<div class="position right">-->
            <!--<i></i>-->
            <!--<div class="location">-->
            <!---->
            <!--</div>-->
            <!--</div>-->
            <span class="loca_c" style=" text-align: left;width: 100%;display: inline-block;color:black;"><if condition="$language == 1">当前位置<else/>Current location</if> >>{$t_title1} >> <span class="loca_t">{$t_title2}</span></span>
            <div class="news_info">

        <div class="news_right" style="width:780px!important;margin-left:60px;">
            <form action="{:U('front/consult_post')}" method="post" onsubmit="return check_form();">
                <if condition="$language == 1">
                    <h3>在线咨询</h3>
                    <h4>描述</h4>
                    <p class="miaoshu">请描述您想咨询的问题</p>
                    <textarea name="question" id="question"></textarea>
                    <div class="div">
                        <p>姓名</p>
                        <input name="username" id="username" type="text">
                        <p>所在单位名称 </p>
                        <input name="company_name" id="company_name" type="text">
                        <p>公司类型</p>
                        <select name="company_type" id="company_type">
                            <option value="">请选择</option>
                            <foreach name="company_type" key="ckey2" item="citem2">
                                <option value="{$ckey2}">{$citem2}</option>
                            </foreach>
                        </select>
                        <p>邮箱</p>
                        <input name="email" id="email" class="ex" type="text">
                    </div>
                    <div class="div1">
                        <p>电话</p>
                        <input  name="userphone" id="userphone" type="text">
                        <p>您想合作的类型</p>
                        <select  name="cooperate_type" id="cooperate_type">
                            <option value="">请选择</option>
                            <foreach name="cooperate_type" key="ckey" item="citem">
                                <option value="{$ckey}">{$citem}</option>
                            </foreach>
                        </select>
                        <p>地址</p>
                        <input name="address" id="address"  type="text"><br>
                        <button  type="submit" class="sc">上传</button>
                        <button  onclick="empty_data();return false;" class="cz">重置</button>
                    </div>
                <else/>
                        <h3>Online consulting</h3>
                        <h4>Describe</h4>
                        <p class="miaoshu">Please describe the problem you want to query</p>
                        <textarea name="question" id="question"></textarea>
                        <div class="div">
                            <p>Full name</p>
                            <input name="username" id="username" type="text">
                            <p>The unit to which one belongs </p>
                            <input name="company_name" id="company_name" type="text">
                            <p>Company type</p>
                            <select name="company_type" id="company_type">
                                <option value="">Please select</option>
                                <foreach name="company_type" key="ckey2" item="citem2">
                                    <option value="{$ckey2}">{$citem2}</option>
                                </foreach>
                            </select>
                            <p>Mail</p>
                            <input name="email" id="email" class="ex" type="text">
                        </div>
                        <div class="div1">
                            <p>Telephone</p>
                            <input  name="userphone" id="userphone" type="text">
                            <p>The type of collaboration you want</p>
                            <select  name="cooperate_type" id="cooperate_type">
                                <option value="">Please select</option>
                                <foreach name="cooperate_type" key="ckey" item="citem">
                                    <option value="{$ckey}">{$citem}</option>
                                </foreach>
                            </select>
                            <p>Address</p>
                            <input name="address" id="address"  type="text"><br>
                            <button  type="submit" class="sc">Upload</button>
                            <button  onclick="empty_data();return false;" class="cz">Reset</button>
                        </div>
                </if>


            </form>
        </div>
        <div class="clear"></div>
    </div>

</div>
</div>

<script>
    $(function(){

    });
    function check_form(){
        var question = $("#question").val();
        if(question == ''){
            alert("问题不能为空!");return false;
        }

        var username = $("#username").val();
        if(username == ''){
            alert("姓名不能为空!");return false;
        }

        var userphone = $("#userphone").val();
        if(userphone == ''){
            alert("电话不能为空!");return false;
        }
        if(userphone.length != 11){
            alert("电话输入有误!");return false;
        }

        var company_name = $("#company_name").val();
        if(company_name == ''){
            alert("所在单位不能为空!");return false;
        }

        var cooperate_type = $("#cooperate_type").val();
        if(cooperate_type == ''){
            alert("想要合作的类型不能为空!");return false;
        }
        var email = $("#email").val();
        if(email == ''){
            alert("邮件不能为空!");return false;
        }

        var ex = document.querySelector('.ex');
        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if (!myreg.test(ex.value)) {
            alert('请输入有效的邮箱地址！');
            return false;
        }
        var address = $("#address").val();
        if(address == ''){
            alert("地址不能为空!");return false;
        }
        return true;
    }
    function empty_data(){
        $("#question").val("");
        $("#username").val("");
        $("#userphone").val("");
        $("#company_name").val("");
        $("#cooperate_type").val("");
        $("#email").val("");
        $("#address").val("");
    }
</script>
<tc_include file="Public:footer" />
</body>
<script src="__TMPL__Public/assets/js/nav.js"></script>

</html>